<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="Author" content="网页作者" />
    <meta name="Copyright" content="网站版权" />
    <meta name="keywords" content="网站关键字" />
    <meta name="description" content="网站描述" />
    <title>AngularJS双向绑定</title>
<script type="text/javascript" src="../js/angular.min.js" ></script>
<style type="text/css">
*{margin:0;padding:0}
a{text-decoration:none;color:#111}
ul,li{list-style:none;}
body{font-size:12px;font-family:"微软雅黑";}
</style>
</head>
<!--
ng-app是angular编程入口 是模块作用域 作用范围   整个body都可以作用angular MVC的数据  -->
<body ng-app>
     <div>
         <!-- ng-model模型作用 输入的值就会自动绑定到name上 -->
         <input type="text" name="name" ng-model="name" />
     </div>

     <div>
          <!-- {{属性}} 表示属性取值 取上方model属性的值 也等价于ng-bind 用于数据显示 -->
         Hello,world{{name}}
     </div>


</body>
</html>